#header {
  // position: sticky;
  top: 0;
  width: 100%;
  height: 1.4rem;
  z-index: 99999999;

}

.g-hd {
  position: relative;
  height: 1.45rem;
  background-size: 100% 100%;
  background: url(/static/img/hd-bg.png) center top;
  background: $mc1;
  background-size: cover;

  .hd-top {
    background: #E1E2E6;
    height: .35rem;
    line-height: .35rem;
  }

  .hd-bottom {
    .container {
      position: relative;
      overflow: hidden;
      height: 1.45rem;

    }

    .jianzhu {
      position: absolute;
      right: 0;
    }

    .m-logo {
      float: left;
      height: 1.45rem;
      line-height: 1.45rem;
    }
  }

  .m-logo img {
    width: 4rem;
    max-width: 100%;
  }

  .m-search {
    line-height: .38rem;
    position: absolute;
    z-index: 99;
    right: 1rem;
    overflow: hidden;
    width: 2.5rem;
    min-width: .93rem;
    height: .38rem;
    margin-top: .2rem;
    background-color: #F4F4F4;
    border-radius: .2rem;


    .search_btn {
      position: absolute;
      z-index: 99;
      top: 0;
      right: 0;
      width: .4rem;
      border: 0;
      outline: none;
      background: none;
      // background: $mc1;

      .iconfont {
        font-size: .18rem;
        color: #666;
      }
    }

    .search_text {
      line-height: .38rem;
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: .38rem;
      padding-right: .5rem;
      padding-left: .2rem;

      outline: none;
      background: #f4f4f4;
      border: 0;

      &::-webkit-input-placeholder {
        // font-weight: bold;
        color: #666;
      }
    }
  }

  .m-login {
    position: absolute;
    top: .2rem;
    right: .1rem;
    height: .3rem;
    line-height: .3rem;
    z-index: 99;
  }
}

.g-nav {
  float: right;
  height: .65rem;
  line-height: .65rem;
  margin: auto;
  // position: absolute;
  margin-top: .4rem;
  width: 8rem;

  .nav {
    position: relative;
    z-index: 2;
    height: .65rem;
    list-style: none;
    border-radius: .04rem;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-content: flex-end;

    a {
      display: block;
    }

    .nLi {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      box-sizing: content-box;
      text-align: center;
      width: 1.4rem;

      h3 {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;

        a {
          font-size: .2rem;
          height: .65rem;
          line-height: .65rem;
          display: block;
          text-align: center;
          color: #fff;

        }
      }

      &.on {
        h3 {
          a {
            // background: #fff;
            font-weight: bold;
            // color: $mc1;
            border-bottom: 1px solid #fff;
          }
        }
      }


    }

    .sub {
      line-height: .32rem;
      position: absolute;
      top: .65rem;
      left: 50%;
      transform: translateX(-50%);
      min-width: 100%;
      height: auto;
      padding: 0 .2rem;
      text-align: center;
      border-radius: 0 0 .04rem .04rem;
      background: #fff;
      box-shadow: 0rem .05rem .05rem rgba($color: #000, $alpha: .1);
      border-top: .04rem solid $mc1;
      white-space: nowrap;

      li {
        zoom: 1;

        &:nth-child(1) {
          margin-top: .1rem;
        }

        &:nth-last-child(1) {
          margin-bottom: .1rem;
        }
      }

      a {
        font-size: .16rem;
        line-height: .3rem;
        display: block;
        // height: .3rem;
        text-align: center;
        color: #666;

        // word-break: keep-all;
        &:hover {
          color: $mc1 !important;
          // background: $mc1;
        }
      }
    }


  }
}